@media(min-width: 40.0625em){ // FROM 641px UP
    
    .main-content{
        padding-top: 70px;
    }
    /* NAVIGATION MENU DESKTOP */
    .top-nav{
        height: 70px;
        
        .brand-logo{
            display: none;
        }
        .off-canvas{
            position: static;
            top: auto;
            bottom: auto;
            left: auto;
            width: 100%;
            text-align: center;
            background-color: transparent;
            @include transition(0.3s);
        }
        .main-menu{
            font-family: $rp-h-font;
            width: auto;
            margin: 0 auto;
            li{
                display: inline-block;
                border-bottom: none;
                a{
                    display: block;
                    height: 70px;
                    padding: 0 13px;
                    line-height: 70px;
                    font-size: 0.875em;
                    text-align: center;
                    color: $rp-black;
                    &:hover, &:focus{
                        color: $rp-red;
                    }
                }
                &.brand-logo-desktop{
                    display: inline-block;
                    a{
                        padding: 10px 20px;
                    }
                    .rp-sprite{
                        height: 50px;
                        width: 45px;
                        background-position: -168px -5px;
                    }
                    &:hover .rp-sprite, &:focus .rp-sprite{ background-position: -228px -5px; }
                }
            }
        }
        .social-menu{
            display: none;
            position: absolute;
            bottom: 0;
            left: auto;
            right: 15px;
            top: 0;
            text-align: center;
            li{
                display: inline-block;
                
                a{
                    display: block;
                    width: 30px;
                    height: 40px;
                    line-height: 40px;
                    margin: 15px 0;
                    text-align: center;
                    color: #CCC;
                    font-size: 1.125em;
                    @include transition(0.2s);
                    &:hover, &:focus{
                        color: $rp-red;
                    }
                }
            }
        }
        #toggle-menu{
            display: none;
        }
    }
    .main-content{
        &.off-canvas-on{
            margin-left: 0;
            margin-right: 0;
            .top-nav{
                .off-canvas{
                    left: auto;
                    @include boxShadow(none);
                }
            }
        }
    }
    
    /* FOOTER */
    footer{
        height: 60px;
        line-height: 60px;
        padding: 0;
        
        .brand{
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            height: 60px;
            line-height: 60px;
        }
        p{
            line-height: 60px;
        }
        .social-menu{
            position: absolute;
            right: 15px;
            top: 0;
            bottom: 0;
            li{
                a{   
                    height: 60px;
                    line-height: 60px;
                }
            }
        }
    }
    
    /* BANNER MOBILE */
    .banner-small{
        display: none;
    }
    
    
    /* BANNER DESKTOP */
    .banner-large{
        display: block;
        position: relative;
        .loader{
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .cbp-fwslider{
            opacity: 0;
        }
    }
    
    /* MOTORES */
    .motores{
        .columns{
            margin-bottom: 0px;
        }
    }
    
    /* ESTADÍSTICAS */
    .estadisticas{
        .dark-bg{
            display: block;
        }
        .half{
            width: 50%;
        }
    }
    /* ÍNDICE PROYECTOS */
    .project-index{
        .ratio-box{
            .ratio{
                padding-top: 117%;
            }
            img{
                height: 100%;
            }
        }
        .hexagon1, .hexagon3{
            @include transform(rotate(-60deg));
        }
        .hexagon2{
            @include transform(rotate(120deg));
        }
        &+ hr{
            width: 100%;
        }
    }
    
    
    /* CONTACTO NEWSLETTER DONAR */
    .actions{
        .columns{
            margin-bottom: 20px;
        }
        [class*='button']{
            width: 180px;
        }
        .newsletter{
            width: 180px;
        }
    }
    
    /* CUERPO PRINCIPAL DEL PROYECTO */
    .project-body{
        aside{
            margin-top: 0;
        }
    }

    /* CONTACTO */
    .contact{
        form{
            label{
                text-align: center;
                padding-left: 0;
            }
        }
    }
    /* DONA TU PELOTA */
    .dona{
        #donate-now{
            width: 300px;
        }
    }
}

@media(min-width: 48.0625em){ // FROM 769px UP
    .actions{
        [class*='button']{
            width: 220px;
        }
        .newsletter{
            width: 220px;
        }
    }
}

@media(min-width: 60.0625em){ // FROM 961px UP
    .top-nav{
        .main-menu{
            li{
                a{
                    padding: 0 20px;
                }
            }
        }
        .social-menu{
            display: block;
        }
    }
}